<template>
	<div class="guonei-box">
		<div class="guoneinew" v-for="(item,index) in this.$store.state.guoneiNewList">
			<div class="cantainer">
				<div>{{ item.title }}</div>
				<p>
					<span>{{ item.date }}</span>
					<span>{{ item.author_name }}</span>
				</p>
			</div>
			<div class="imger">
				<img :src="item.thumbnail_pic_s" alt="">
			</div>
		</div>
	</div>
</template>

<script>
	import { nowNew } from '../libs/getData.js'
	export default{
		name: 'GuoNei',
		mounted() {
			// getNew('guonei',guoneiNewList)
			nowNew('guonei')
		}
	}
</script>

<style lang="less" scoped="scoped">
	.guonei-box{
		padding-top: .38rem;
		.guoneinew{
			width: 96%;
			height: 1.1rem;
			margin: 5px 2%;
			.cantainer{
				width: 60%;
				height: 1.1rem;
				float: left;
				div{
					width: 100%;
					height: .8rem;
					margin-left: .2rem;
				}
			}
			.imger{
				width: 40%;
				height: 1.1rem;
				float: left;
				img{
					width: 90%;
					height: 1.1rem;
					float: right;
				}
			}
		}
	}
</style>
